﻿.icon-list {
    --bb-icon-list-width: 190px;
    display: flex;
}

    .icon-list .icons-body {
        flex: 1;
    }

    .icon-list.is-catalog .icons-body {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

    .icon-list .icons-nav {
        overflow-y: auto;
        overflow-x: hidden;
        width: var(--bb-icon-list-width);
        height: 100%;
        display: none;
    }

        .icon-list .icons-nav h5 {
            padding-left: .5rem;
        }

        .icon-list .icons-nav .nav {
            --bs-nav-link-padding-x: .5rem;
            --bs-nav-link-padding-y: .25rem;
            flex-direction: column;
            flex-wrap: nowrap;
        }

        .icon-list .icons-nav .nav-link:not(:last-child) {
            margin-top: .125rem;
        }

        .icon-list .icons-nav.nav-pills {
            --bs-nav-pills-link-active-bg: var(--bs-warning);
        }

@media (min-width: 768px) {
    .icon-list .icons-nav {
        display: block;
    }
}
